/*
 *@description:帮助页面
 *@Author:@rennan
 *@Date:2023-12-26 16:55:07
 *@version: V1.0.0
*/
<template>
  <div class="help_box">
    <van-nav-bar title="使用帮助" />
    <div class="simple">
      <van-cell class="text_cell" title="常见问题" icon="award-o" />
      <van-cell-group inset v-for="item in cellList" :key="item.id">
        <van-cell :title="item.text" />
      </van-cell-group>
    </div>

    <div class="more">
      <van-cell class="text_cell" title="更多问题" icon="medal-o" />
      <van-grid :column-num="3">
        <van-grid-item v-for="item in gridList" :key="item.id" :text="item.text" @click="handleClick(item.id)" />
      </van-grid>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      cellList: [
        {
          id: '1001',
          text: '1.优惠卷如何使用?'
        },
        {
          id: '1002',
          text: '2.优惠卷如何使用?'
        }, {
          id: '1003',
          text: '3.优惠卷如何使用?'
        }, {
          id: '1004',
          text: '4.优惠卷如何使用?'
        },
      ],
      gridList: [
        {
          id: '2001',
          text: '订单相关'
        },
        {
          id: '2002',
          text: '客户端使用'
        }, {
          id: '2003',
          text: '优惠卷与活动'
        }, {
          id: '2004',
          text: '支付与费用'
        }, {
          id: '2005',
          text: '服务相关'
        },
      ]
    }
  },
  methods:{
    handleClick(id){
      this.$router.push(`/main/helpDetail/${id}`)
    }
  }
}
</script>
<style scoped>
.text_cell {
  font-size: 20px;
}
</style>